<html lang="zh-CN">
<head>
<meta charset="UTF-8"
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html"/>
<title>设置域名页面</title>
<style type="text/css">
    #box{
        width: 800px;
        margin: 30px auto;
        font-family: 'Microsoft YaHei';
        font-size: 20px;
    }

    .searchinput{
        width: 700px;
        border: 2px solid #FF9933;
        height: 50px;
        float: left;
		font-size: 16px;
        background-size: 25px;
        background-position:5px center;
        padding:0 0 0 40px;
		background: url(/img/search.png) no-repeat #f8f8f8;
    }
	
    #search{
        width: 78px;
        height: 50px;
        float: right;
        background: #FF9933;
        color: white;
        text-align: center;
        line-height: 50px;
        cursor: pointer;
    }
	
	.STYLE5 {color: #0033FF}
	.STYLE6 {
		font-size: 25px;
		font-weight: bold;
	}
	
	 .thin-table {
        border-collapse: collapse; /* 合并单元格边框 */ 
    }
    .thin-table th, .thin-table td {
        border: 1px solid #dfddeb; /* 设置边框样式为细线 */
        padding: 8px; /* 设置内边距 */
    }
	
	.text-container {	/* 只能显示一行文字的样式*/
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
</style>
</head>
<body>

<table width="100%" height="100%" border="0" cellpadding="1" cellspacing="0" class="TitleColor">
	<tr>		
		<td width="15%" height="100%" valign="top" bgcolor="#E1E1E1"><div id='leftpage'></div></td>
		
		<td width="85%" valign="top">			
			<table width="100%" border="0" cellspacing="0" cellpadding="1">
				<tr>
					<div id="box">
						<input type="search" id="searchId"  class="searchinput" placeholder="请输入您想注册的域名(不可以输入中文)" size="40px" oninput="value=value.replace(/[\u4E00-\u9FA5]/g,'')">
						<div id="search" onClick="search()">查询</div>
					</div>
				</tr>
				<tr>
					<td height="10" id="spaceA" style="display: none;">&nbsp;</td>
				</tr>
				<tr>
					<td align="center" id="resultId" style="display: none;"><span class="STYLE6">搜索结果</span></td>
				</tr>
				<tr>
					<td>&nbsp;</td>
				</tr>	
				<tr>
					<td align="center">
						<table width="734" border="0" align="center" id="searchTable" class="thin-table" style="display: none;">
							<tr bgcolor="#E8E8E8" >
								<td width="300" height="40"><div align="center"> <strong>域名</strong></div></td>
								<td width="150"><div align="center"> <strong>状态</strong></div></td>
								<td width="100"><div align="center"> <strong>价格</strong></div></td>
								<td width="150"><div align="center"> <strong>操作</strong></div></td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td height="30" id="spaceB" style="display: none;">&nbsp;</td>
				</tr>		
				<tr>
					<td>
						<table width="1200" border="0" align="center" id="dnTable" cellspacing="0" class="thin-table">
							<tr bgcolor="#E8E8E8">
								<td width="150" align="center" height="40"><div><strong>域名</strong></div></td>
								<td width="80" align="center"><div><strong>状态</strong></div></td>
								
								<td width="100" align="center"><div><strong>IPV4</strong></div></td>
								<td width="100" align="center"><div><strong>IP更新时间</strong></div></td>
								<td width="100" align="center"><div><strong>密码</strong></div></td>
								<td width="100" align="center"><div><strong>访问码</strong></div></td>				
								
								<td width="100" align="center"><div><strong>注册时间</strong></div></td>
								<td width="100" align="center"><div><strong>到期时间</strong></div></td>
								<td colspan="3" align="center"><div><strong>操作</strong></div></td>
							</tr>
						</table>
					</td>
				</tr>				
			</table>
		</td>	
		
		<tr>
			<td bgcolor="#E1E1E1" align="center">
				<div id='totalpage'></div>
			</td>
			
			<td height="60" align="center" >
				<div id='footerpage'></div>
			</td>
		</tr>
				
    </tr>
</table>

</body>
<!--
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/base64.js"></script>
-->
<script> 
	function loadScript(c,d){var b=document.createElement("script");b.type="text/javascript";var e=sessionStorage.getItem(c);e?(b.textContent=e,d(b)):fetch(c).then(function(a){return a.text()}).then(function(a){b.textContent=a;sessionStorage.setItem(c,a);d(b);location.reload()})["catch"](function(a){console.error("Error loading the script:",a)})};
	loadScript("tu_0.js", function(script) {document.head.appendChild(script);});
</script>
<script type="text/javascript" language="javascript">
	if (sessionStorage.getItem("tu_0.js")) {		// 读取记忆是否已保存js文件
		loadHtml("left.htm", "leftpage"); 	
		loadHtml("total.htm", "totalpage"); 	
		loadHtml("footer.htm", "footerpage"); 	
	}
	
	function search(){
		var searchId = document.getElementById("searchId").value;
		if(searchId != ""){
			document.getElementById("spaceA").style.display="table-cell";		// 显示被隐藏的内容
			document.getElementById("spaceB").style.display="table-cell";		// 显示被隐藏的内容
		
			document.getElementById("resultId").style.display="table-cell";		// 显示被隐藏的内容
			document.getElementById("searchTable").style.display="table-cell";	// 显示被隐藏的table列表
			myTimer("search", 0);
		}else{
			alert('请输入正确的域名');
			return false; 
		}
	}
	
    function onRegister(PageIndex){			// 返回数组的点击，及回传的参数（注册）
		window.location.href="dnpay.htm?dnsname="+PageIndex;
    }
    function doctorPage(PageIndex){			// 返回数组的点击，及回传的参数（续费）
		window.location.href="dnpay.htm?dnsname="+PageIndex;
    }
	function modifyPage(PageIndex){			// 返回数组的点击，及回传的参数（修改域名密码和访问码）
		window.location.href="modifydndata.htm?data="+PageIndex;
    }
	
	function deletePage(PageIndex){			// 返回数组的点击，及回传的参数（删除）	
		var a = window.confirm("确认删除域名："+PageIndex+"?");
		if(a==true){
			myTimer("delete",PageIndex);
			//alert('确认删除');
		}
		else{
			//alert('取消');
		}
    }
	
	var first = 0;
	function fun() {				
		if(first==0){
			first = 1;
			setTimeout(function(){myTimer("cookie",0)},0);					//自动发送post指,只有打开页面的时候，才发送一次
		}else {
		}
	}
	setInterval("fun()", 100);			// 周期性调用函数 每隔100毫秒调用一次
	
	function myTimer(type, value, kcid, fida) {
		var xhr = postPhp("index.php");
		xhr.onreadystatechange = function () {
			if (xhr.readyState === 4) {
				if (xhr.status >= 200 && xhr.status < 300) {
					var array_name = txtUnzip(xhr);
					if(array_name != null){
						if(type == "search"){
							searchFunction(array_name)		// 返回的信息在html页面显
						}
						if(type == "cookie"){
							cookiemyFunction(array_name)		// 返回的信息在html页面显
						}
						if(type == "dninfo"){
							myFunction(array_name)		// 返回的信息在html页面显
						}
						if(type == "delete"){
							deleteFunction(array_name)		// 返回的信息在html页面显
						}
					}
				} else {
					console.error("Request failed:", xhr.status);
				}
			}
		}	
			
		if(type == "search"){				
			var sear = txtB64Enc(document.getElementById("searchId").value); 
			txtZip(xhr, "t:sbds&sear:"+sear);
		}
		if(type == "cookie"){
			txtZip(xhr, "t:ncki");
		}
		if(type == "dninfo"){
			var offset = 0; // 读取偏移量
			var qty = 32;	// 读取数量
			txtZip(xhr, "t:sbdi&offs:"+offset+"&qtya:"+qty);
		}
		if(type == "delete"){			
			txtZip(xhr, "t:sbdd&dnam:"+txtB64Enc(value) + "&kcid:" + kcid + "&fida:" + fida, 1);
		}
	}	
	
	function cookiemyFunction(arr) {	
		switch (arr.result) {
			case "ok":
				myTimer("dninfo",0);
				document.getElementById("totalSpace").textContent= showSpace(arr.totd, arr.usdd);
				break;
			default:
				alert('请先登录后，再操作！');
				window.location.href="user.htm";
				return false; 
		}
	}
	
	function searchFunction(arr) {					
		var table = document.getElementById('searchTable');	 // 获取表格元素
		if (table.rows.length > 1) {	  // 确保表格中至少有两行（保留表格的页头行）
			for (var i = table.rows.length - 1; i > 0; i--) {
				table.deleteRow(i);		  // 删除刷新添加重复的数据
			}
		}
		arr.forEach(function(item, index) {		// 列表数据的循环添加数据行
			var row = table.insertRow(-1); 				// 添加新行
			var name = row.insertCell(0);
			var stat = row.insertCell(1);
			var pric = row.insertCell(2);
			var opns = row.insertCell(3);
			
			if(item.stat == "0"){	// 未注册的
				item.stat = "未注册";
				item.opns = "立即注册";			
			}else{
				item.stat = "已被注册";
				item.opns = "已被注册";			
			}	

			name.textContent = item.name;		// 设置显示文字的内容
			stat.textContent = item.stat;		// 设置显示文字的内容
			pric.textContent = item.pric;		// 设置显示文字的内容
			opns.textContent = item.opns;		// 设置显示文字的内容

			stat.style.textAlign  = 'center'; 	// 文字居中显示
			pric.style.textAlign  = 'center'; 	// 文字居中显示
			opns.style.textAlign  = 'center'; 	// 文字居中显示
	
			name.style.whiteSpace = 'nowrap';	// 单行不换行显示
			stat.style.whiteSpace = 'nowrap';	// 单行不换行显示
			pric.style.whiteSpace = 'nowrap';	// 单行不换行显示
			opns.style.whiteSpace = 'nowrap';	// 单行不换行显示

			if(item.opns == "立即注册"){
				opns.style.color  = "blue"; 	// 添加文字颜色，也可以输入"#FF0000"的数值
				opns.onclick = function() {		// 点击 注册
					window.location.href="dnpay.htm?dnsname="+item.name+"="+item.pric;
				}		
			}else{
				opns.style.color  = "black"; 	// 添加文字颜色，也可以输入"#FF0000"的数值
			}	
		}); 	  
	}
	
	function myFunction(arr) {	
		var table = document.getElementById('dnTable');	 // 获取表格元素
		if (table.rows.length > 1) {	  // 确保表格中至少有两行（保留表格的页头行）
			for (var i = table.rows.length - 1; i > 0; i--) {
				table.deleteRow(i);		  // 删除刷新添加重复的数据
			}
		}
		arr.forEach(function(item, index) {		// 列表数据的循环添加数据行
			var row = table.insertRow(-1); 		// 添加新行
			var name = row.insertCell(0);
			var stat = row.insertCell(1);
			var ipv4 = row.insertCell(2);
			var dayh = row.insertCell(3);
			
			var pswa = row.insertCell(4);
			var visi = row.insertCell(5);
			var cday = row.insertCell(6);
			var term = row.insertCell(7);
			
			var doct = row.insertCell(8);
			var modi = row.insertCell(9);
			var dele = row.insertCell(10);

			name.textContent = item.name;		// 设置显示文字的内容
			stat.textContent = item.stat;		// 设置显示文字的内容
			ipv4.textContent = item.ipv4;		// 设置显示文字的内容
			dayh.textContent = item.dayh;		// 设置显示文字的内容
			
			pswa.textContent = item.pswa;		// 设置显示文字的内容
			visi.textContent = item.visi;		// 设置显示文字的内容
			cday.textContent = item.cday;		// 设置显示文字的内容
			term.textContent = item.term;		// 设置显示文字的内容
			
			doct.textContent = "续费";			// 设置显示文字的内容
			modi.textContent = "修改";			// 设置显示文字的内容
			dele.textContent = "删除";			// 设置显示文字的内容
		
			doct.style.color  = "blue"; 		// 添加文字颜色，也可以输入"#FF0000"的数值
			modi.style.color  = "blue"; 		// 添加文字颜色
			dele.style.color  = "blue"; 		// 添加文字颜色
			
			stat.style.textAlign  = 'center'; 	// 文字居中显示			
			doct.style.textAlign  = 'center'; 	// 文字居中显示
			modi.style.textAlign  = 'center'; 	// 文字居中显示
			dele.style.textAlign  = 'center'; 	// 文字居中显示
	
			stat.style.whiteSpace = 'nowrap';	// 单行不换行显示
			doct.style.whiteSpace = 'nowrap';	// 单行不换行显示
			modi.style.whiteSpace = 'nowrap';	// 单行不换行显示
			dele.style.whiteSpace = 'nowrap';	// 单行不换行显示

			doct.onclick = function() {	// 点击 续费
				window.location.href="dnpay.htm?dnsname="+item.name+"="+"0";
			}
			modi.onclick = function() {	// 点击 修改
				window.location.href="modifydndata.htm?data="+item.name+"="+item.pswa+"="+item.visi;
			}
			dele.onclick = function() {	// 点击 删除
				var a = window.confirm("确认删除域名："+item.name+"?");
				if(a==true){
					myTimer("delete",item.name, item.kcid, item.fida);
					//alert('确认删除');
				}
				else{
					//alert('取消');
				}
			}		
		}); 
	}	
	
	function deleteFunction(arr) {	
		switch (arr.result) {
			case "ok":
				myTimer("dninfo",0);
				break;
			default:
				alert('删除失败');
		}
	}

</script>
</html>